import React, { Component } from 'react'
// antdUI库
import { Button, DatePicker, ConfigProvider, Radio, Checkbox } from 'antd';
import {
  WechatOutlined,
  WeiboOutlined,
  SearchOutlined
} from '@ant-design/icons';

const onChange = (date, dateString) => {
  console.log(date, dateString);
};

const { RangePicker } = DatePicker;

export default class App extends Component {
  render() {
    return (
      <ConfigProvider
        theme={{
          // token: {
          //   colorPrimary: '#00b96b',
          // },
          components: {
            Radio: {
              colorPrimary: '#00b96b',
            },
          },
        }}
      >
        App...
        <button>点我</button>
        <Button type="primary">按钮1</Button>
        <Button>按钮2</Button>
        <Button type="link">按钮3</Button>
        <Button type="primary" icon={<SearchOutlined />}>
          Search
        </Button>
        <WechatOutlined />
        <WeiboOutlined />
        <DatePicker onChange={onChange} />
        <RangePicker />
        <Radio>Radio</Radio>
        <Checkbox onChange={onChange}>Checkbox</Checkbox>
      </ConfigProvider>
    )
  }
}
